<template class="searchDrop">
  <div class="searchDrop">
    <el-collapse v-model="activeName" class="dropBox title">
      <el-collapse-item name="1" title="打开搜索">
        <slot name="searchData"></slot>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>
<script>
export default {
  data() {
    return {
      activeName: ['1'],
    };
  },
};
</script>
<style lang="less" scoped>
@import "../assets/style/deep";
.searchDrop {
  height: 100%;
  // 搜索下拉
  /deep/.title {
    text-align: right;
    border: none;
    .el-collapse-item {
      margin-bottom: 10px;
      .el-collapse-item__header {
        height: 30px;
        line-height: 30px !important;
        color: rgb(241, 109, 47);
        display: block;
      }
    }
    .el-collapse {
      border: none;
    }
    .el-collapse-item__arrow {
      margin-left: 10px;
    }
    .el-col {
      height: 40px;
    }
    .searchBtn {
      text-align: right;
      height: 30px;
    }
  }
}
</style>
